<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>赵桂枝-简历</title>
		<style type="text/css">
			.div1{
			height:1000px; width:100%; background:url(2.jpg); 
			width: 200px;
					height: 200px;					
					left: 10px;
					top: 10px;
					border-radius: 50%;
					box-shadow: 10px 10px 20px;
					position: absolute;
					top:10px;
					right: 100px;					
					left: 100px;		
			}               
          	
		</style>
	</head>
	<body >
		<div class="div1">
			
		</div>
		
		
		<script type="text/javascript">
			var l = 100;
			var t = 0;
			var lrot=20;
			var trot=20;
			var tj = document.querySelector(".div1")
			setInterval(function(){
				
				t=t+trot;
				l=l+lrot;
				if (l>=1440-250){
					lrot = -20;
				}
				if(l<=0){
					lrot = 20;
				}
				if(t>=500){
					trot=-20;}
				if(t<=0){
					trot=20;
			    }
				tj.style.left=l+"px";
				tj.style.top=t+"px";
				
		},50)
		</script>
		<audio autoplay="autoplay" src="mp3/1.mp3"></audio>
	</body>
</html>
